var totalPage = 0; //初始总页数
var page = 1; // 表示第一页

// 参数名称是否必须说明
// proName否
// 产品名称brandId否
// 品牌idprice否
// 使用价格排序（1升序，2降序）
// num否
// 产品库存排序（1升序，2降序）
// page是第几页
// pageSize是每页的条数

//  分析  搜索页面跳过来 带上搜索的数据到search_list 页面
//  一旦跳转到这个页面 需要进行数据展示   发送ajax请求
// 通过模块引擎 进行数据结构展示
// /product/queryProduct

var obj = queryStr();

var pageSize = 2; // 表示每页的条数
var proName = obj["key"];
var brandId = null;
var price = 1; //  默认是升序
var num = null;
var totalCount = 0;

console.log(obj);

var str = "";

var params = {
  page: page,
  pageSize: pageSize,
  proName: proName,
  price: price,
  num: num,
};

var That = null;

var arrList = [];

var flag = false; // 表示没有有上拉加载

getSearchList(params);

function getSearchList(params, callback) {
  $.ajax({
    url: "/product/queryProduct",
    type: "get",
    data: params,

    success: function (res1) {
      console.log(res1);
      totalCount = res1.count;
      // page = res1.page;  // 错误的
      pageSize = res1.size;

      totalPage = Math.ceil(totalCount / pageSize); // 总页数

      var listHtml = template("tmp1", res1);

      console.log(listHtml);

      str += listHtml;
      arrList.push(res1.data);
      $(".ad2").html(str);
      callback && callback();
    },
  });
}

// 价格排序或者销量排序业务逻辑
// 1 找人 做事
// 2 处理具体的逻辑事情

$(".tabNav").on("tap", "span", function () {
  var val = $(this).attr("val");
  console.log(val);
  console.log("old", price);

  console.log(str);

  if (val == "price") {
    price = price == 1 ? 2 : 1;
    //   alert('xxx')
  } else {
    num = num == 1 ? 2 : 1;
  }

  console.log("new", price);

  params["price"] = price;
  params["num"] = num;

  if (!flag) {
    // flag 表示没有有上拉加载

    getSearchList(params, function () {
      That.endPullupToRefresh(false);
    });
  } else {
    //  走了上拉加载  arrList   price
    //arrList    从大到小或者从小到大
    if (num == 1) {
      // 从小到大
    } else {
      // 从大到小排
    }

    // var listHtml = template("tmp1", {data:arrList});

    // $(".ad2").html(listHtml);
  }
});

//  移动端分页 上拉加载  下拉刷新

var refreshContainer = document.querySelector("#refreshContainer");

mui.init({
  pullRefresh: {
    // container: refreshContainer,//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
    container: refreshContainer,
    down: {
      auto: false, //可选,默认false.首次加载自动下拉刷新一次
      contentdown: "下拉可以刷新", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
      contentover: "释放立即刷新", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
      contentrefresh: "正在刷新...", //可选，正在刷新状态时，下拉刷新控件上显示的标题内容
      callback: pulldownRefresh, //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
    },

    up: {
      contentrefresh: "正在加载...",
      callback: pullupRefresh,
    },
  },
});



function pulldownRefresh() {
  console.log("down");
  That = this;
  page = 1;
  str = "";
  arrList = [];

  flag = false;
  params.page = page;
  getSearchList(params, function () {
    // mui('#refreshContainer').pullRefresh()
    mui("#refreshContainer").pullRefresh().endPulldownToRefresh(); //refresh completed  // 新语法
  });

  // mui('#refreshContainer').pullRefresh().endPulldown(true);  //  文档没更新  错误单词
}

function pullupRefresh() {
  That = this;
  // 1 判断 还有没有数据  如果没有数据 停止 正在加载  赋值  没有跟多数据了
  // 2 如果有数据  那么加载下一页数据
  // console.log(';xxxxx')
  console.log(totalPage); // 总的页数

  page++;

  if (page > totalPage) {
    mui("#refreshContainer").pullRefresh().endPullupToRefresh(true); //参数为true代表没有更多数据了。
  } else {
    flag = true;
    params.page = page;
    getSearchList(params, function () {
      That.endPullupToRefresh(false);
    });
  }
}
